<script setup>
import {onBeforeMount, onBeforeUnmount, onMounted, onUnmounted, ref} from 'vue'

const msg = ref('hello world')
onMounted(() => {
  console.log("onMounted()")
})

onBeforeMount(() => {
  console.log("onBeforeMount()")
})

onBeforeUnmount(() => {
  console.log("onBeforeUnmount()")
})

onUnmounted(() => {
  console.log("onUnmounted()")
})
</script>

<template>
  {{ msg }} 123
</template>

<style>
</style>
